<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Settings</title>
    <link rel="stylesheet" href="./../css/options.css">
</head>
<body>

    <header class="header">
        <img src="./../img/icon2.png" alt="" width="20px"> AUTO-XY 
    </header>
    <br><br><br><br><br>
    <div class="body-box">

        <div class="module">
            <div class="module-header">
                账户/地址/评论语句
            </div>
            <div class="module-body">
                <textarea id="account" class="multInput" placeholder="在此处输入电话密码,格式：电话----密码;电话----密码;……"></textarea>
                <ul class="accountList" id="accountList">
                    <!-- 由js生成列表 -->
                </ul>
                <button class="btn btn-success" id="reEnter">
                    重新输入
                </button>
                <button class="btn status-stop" id="resetListAccount">
                    重置号码列表
                </button>
                <br><br>
                
                <textarea id="url" class="multInput" placeholder="在此处输入地址列表,格式：地址;地址;……">
                    
                </textarea>
                <ul class="accountList" id="accountListURL">
                    
                </ul>
                <button class="btn btn-success" id="reEnterURL">
                    重新输入
                </button>
                <button class="btn status-stop" id="resetListURL">
                    重置地址列表
                </button>
                <br><br>

                <textarea id="comment" class="multInput" placeholder="在此处输入评论,格式：地址;地址;……"></textarea>
                <ul class="accountList" id="accountListComment">
                    
                </ul>
                <button class="btn btn-success" id="reEnterComment">
                    重新输入
                </button>
                <br><br>
            </div>
        </div>
        <br><br>

        <div class="module">
            <div class="module-header">
                抓日记
            </div>
            <div class="module-body" id="diaryWarpper">
                <textarea id="diary" class="multInput" placeholder="请输入需要抓取的网页地址"></textarea>
                <ul class="accountList" id="diaryUrl">
                    <!-- 由js生成列表 -->
                </ul>
                <button class="btn btn-success" id="reEnterDiaryUrl">
                    重新输入
                </button>
                <br><br>

            </div>
         </div>

        <table style="border-collapse:separate;border-spacing:10px 50px;">
            <thead>
                <th>名字</th>
                <th>内容</th>
            </thead>
            <tbody id='diaryContent'>

            </tbody>
        </table>

    </div>
    <br>
    

    <script src="./../js/lab/jquery.js"></script>
    <script src="./../js/lab/platform.js"></script>
    <script src="./../js/dist/options.js"></script>
</body>
</html>